<div class="card">
    <div class="card-body p-4 py-5 text-center">
        <span class="avatar avatar-xl mb-4 avatar-rounded">W</span>
        <h3 class="mb-0">New website</h3>
        <p class="text-muted">Due to: 28 Aug 2019</p>
        <p class="mb-3">
            <span class="badge bg-red-lt">Waiting</span>
        </p>
        <div>
            <div class="avatar-list avatar-list-stacked">
                                            <span class="avatar avatar-sm avatar-rounded"
                                                  style="background-image: url(./static/avatars/000m.jpg)"></span>
                <span class="avatar avatar-sm avatar-rounded">JL</span>
                <span class="avatar avatar-sm avatar-rounded"
                      style="background-image: url(./static/avatars/002m.jpg)"></span>
                <span class="avatar avatar-sm avatar-rounded"
                      style="background-image: url(./static/avatars/003m.jpg)"></span>
                <span class="avatar avatar-sm avatar-rounded"
                      style="background-image: url(./static/avatars/000f.jpg)"></span>
            </div>
        </div>
    </div>
    <div class="progress card-progress">
        <div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38"
             aria-valuemin="0" aria-valuemax="100">
            <span class="visually-hidden">38% Complete</span>
        </div>
    </div>
</div>
